<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>万东影院 | 经理</title>
  <link th:href="@{/images/logo.svg}" rel="icon" type="image/svg+xml">
  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
  <link th:href="@{/css/bootstrap-icons.min.css}" rel="stylesheet">
</head>
<body>
<header>
  <ul class="nav nav-tabs m-2">
    <li class="nav-item">
      <a class="nav-link disabled">
        <i class="bi bi-person-circle"></i>
        <span class="ms-1">经理</span>
      </a>
    </li>
    <li class="nav-item">
      <a class="nav-link" th:href="@{/manager/movies}">
        <i class="bi bi-film"></i>
        <span class="ms-1">电影列表</span>
      </a>
    </li>
    <li class="nav-item">
      <a class="nav-link active">
        <i class="bi bi-info-square-fill"></i>
        <span class="ms-1">电影详情</span>
      </a>
    </li>
    <li class="nav-item">
      <a class="nav-link">
        <i class="bi bi-camera-reels"></i>
        <span class="ms-1">放映管理</span>
      </a>
    </li>
    <li class="nav-item">
      <a class="nav-link">
        <i class="bi bi-graph-up"></i>
        <span class="ms-1">销售数据</span>
      </a>
    </li>
    <li class="nav-item">
      <a class="nav-link" th:href="@{/manager/log}">
        <i class="bi bi-journals"></i>
        <span class="ms-1">操作日志</span>
      </a>
    </li>
    <li class="nav-item ms-auto">
      <a class="nav-link" th:href="@{/me}">
        <i class="bi bi-person-gear"></i>
        <span class="ms-1">账号管理</span>
      </a>
    </li>
  </ul>
</header>
<main class="container-fluid d-flex justify-content-center">
  <div class="card w-50 mt-5">
    <div>
      <a class="btn btn-link mt-1 mb-2" th:href="@{/manager/movies}">返回</a>
      <p class="h2 my-3 mx-4" th:text="${movie.getTitle()}"></p>
      <div class="container-fluid d-grid border-bottom my-4">
        <div class="row my-2">
          <div class="col-2">ID</div>
          <div class="col-10" th:text="'#' + ${movie.getId()}"></div>
        </div>
        <div class="row my-2">
          <div class="col-2">导演</div>
          <div class="col-10" th:text="${movie.getDirector()}"></div>
        </div>
        <div class="row my-2">
          <div class="col-2">主演</div>
          <div class="col-10" th:text="${movie.getStarring()}"></div>
        </div>
        <div class="row my-2">
          <div class="col-2">时长</div>
          <div class="col-10" th:text="${movie.displayRuntime()}"></div>
        </div>
      </div>
      <p class="h4 mx-3 my-2">剧情简介</p>
      <div class="container-fluid my-2">
        <div class="w-100" style="line-height: 1.8" th:text="${movie.getDescription()}"></div>
      </div>
    </div>
  </div>
</main>
<script th:src="@{/js/axios.min.js}"></script>
<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
<script>

</script>
</body>
</html>